/* .div1{
	height:100px;
	width:100px;
	background-color: red;
	position: relative;
	
	top:200px;
}
.div2{
	height:100px;
	width:100px;
	background-color: green;
	position: relative;
}
.div3{
	height:50px;
	width:50px;
	background-color: blue;
	position: absolute;
	top:20px;
	
} */
/* 相对定位的参照物是自身原来的位置, 还占据原来的空间.决对定位的参照物是:第一个非static定位的父组建,如果找不到参照物时浏览器 */
html,body {
	margin: 0px;
}
.clear {
	clear: both;
}
ul {
	margin: 0px;
	padding: 0px;
}
li{
	list-style: none;
}
.top-menu{
	position: absolute;
	top:0px;
	left:178px;
}
.top-menu>li {
	list-style: none;
	float: left;
	height: 58px;
	width: 125px;
	color: white;
	text-align: center;
	line-height: 58px;
	position: relative;
}
.header {
	height: 58px;
	z-index:99;
	position: fixed;
	top:0px;
	left:0px;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.3);
}
.container {
	width: 1100px;
	margin: 0px auto;
}
.top-menu>li:hover {
	background-color: red;
}
.second-menu {
	display: none;
	position: absolute;
	top: 58px;
}
.second-menu>li {
	height: 58px;
	width: 125px;
	background-color: rgba(0, 0, 0, 0.3);
}

/* .top-menu>li:hover .second-menu{
	display: block;
} */
.title-cn {
	padding-top: 40px;
	text-align: center;
	color: plum;
	font-size: 22px;
	font-weight: 600;
}
.title-en {
	padding-bottom: 30px;
	text-align: center;
	color: greenyellow;
}
.works-center,.works-left,.works-right {
	float: left;
}

.works-center>div,.works-left>div,.works-right>div {
	position: relative;
}

.works-left>div:hover .cover {
	display: block;
}

.works-center>div:hover .cover {
	display: block;
}

.works-right>div:hover .cover {
	display: block;
}

.works-left {
	margin-right: 13px;
}
.works-right {
	margin-left: 13px;
}
.works-f {
	margin-bottom: 5px;
}
.cover {
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	position: absolute;
	left: 0px;
	top: 0px;
	display: none;
}
.decover:hover:after {
	content: "";
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	position: absolute;
	left: 0px;
	top: 0px;
}
/*场景展示*/
.scens>div {
	float: left;
	margin-right: 8px;
	position: relative;
	cursor: pointer;
}
.news_item>div{
	float: left;
}
.news_item:after{
	content: '';
	display: block;
	clear: both;
}
.news_item{
	width:540px;
	height:89px;
	float: left;
	margin-bottom: 80px;
	margin-right: 10px;
}
.news_right{
	width:354px;
}
.news_title{
	height:25px;
	font-size: 21px;
	margin: 5px 0px 0px 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border-bottom:1px dashed darkgoldenrod;
	padding-bottom: 10px;
}
.news_info{
	height:45px;
	font-size: 16px;
	margin: 5px 0px 0px 12px;
	overflow: hidden;
}
.news_left{
	position: relative;
}
.news-cover{
	height: 100%;
	width:50%;
	position: absolute;
	left: 0px;
	top:0px;
	background-color: rgba(255,102,51,0.8);
	overflow: hidden;
}
.date-d,.date-y{
	text-align: center;
}
.date-d{
	font-size: 30px;
	color: white;
	margin-top: 15px;
	font-weight: 600;
}
.date-y{
	font-size: 15px;
	color: white;
}
/*footer*/
.footer{
	background-color: red;
}
.clearbox::after{
	content: "";
	display: block;
	clear:both;
}
.f-logo{
	float: left;
	margin: 20px 0px;
}
.f-info{
	float: right;
	padding:30px 0px;
	color: white;
}
.f-info>div{
	margin:5px;
}
.banner-show{
	height:550px;
	background-image:url(../img/banner01.jpg);
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}
.banner-items{
	z-index: 88;
	position: absolute;
	left:50%;
	bottom: 20px;
	transform: translateX(-50%);
}

.banner-items>li{
	width: 30px;
	height:12px;
	background-color: rgba(0,0,0,0.8);
	float: left;
	margin: 10px;
	cursor: pointer;
}
.banner-left{
	position: absolute;
	background-color: rgba(0,0,0,0.6);
	color: white;
	width:38px;
	height:42px;
	line-height: 42px;
	text-align: center;
	font-size: 30px;
	top:260px;
	left:50%;
	transform: translateX(-500px);
	cursor: pointer;
}
.banner-right{
	position: absolute;
	background-color: rgba(0,0,0,0.6);
	color: white;
	width:38px;
	height:42px;
	line-height: 42px;
	text-align: center;
	font-size: 30px;
	top:260px;
	left:50%;
	transform: translateX(500px);
	cursor: pointer;
}
.logo{
	position: absolute;
	top:0px;
	left:0px;
}
.por{
	position: relative;
}